window.onload = function() {
    layui.use(['element', 'form', 'laydate', 'jquery', 'laypage'], function() {

        var element = layui.element,
            form = layui.form,
            laydate = layui.laydate,
            $ = layui.jquery,
            laypage = layui.laypage;
        laydate.render({
            elem: '#bg_time2',
            type: 'date'
        });
        laydate.render({
            elem: '#ed_time2',
            type: 'date'
        });

        function GetCountOrder(value, beg, end) {
            var value = value || 7;
            var beg = beg || '';
            var end = end || '';
            $.ajax({
                'type': 'POST',
                'url': '/index/get-count',
                'dataType': 'json',
                'async': false,
                'data': { day: value, beg: beg, end: end },
                'success': function(res) {
                    data = res.data;
                    // console.log(data)
                    cvs(data)
                }
            });
        }

        // var data  = GetCountOrder();
        // function cvs(data){
        //     var dom = document.getElementById("echart");
        //     var myChart = echarts.init(dom);
        //     var app = {};
        //     option = null;
        //     option = {
        //         title: {
        //             text: '数据趋势图'
        //         },
        //         tooltip: {
        //             trigger: 'axis'
        //         },
        //         legend: {
        //             data:['日','日订单数量','成交额']
        //         },
        //         grid: {
        //             left: '3%',
        //             right: '4%',
        //             bottom: '3%',
        //             containLabel: true
        //         },
        //         toolbox: {
        //             feature: {
        //                 saveAsImage: {}
        //             }
        //         },
        //         xAxis: {
        //             type: 'category',
        //             boundaryGap: false,
        //             data: data.day
        //         },
        //         yAxis: {
        //             type: 'value'
        //         },
        //         series: [
        //             {
        //                 name:'日订单数量',
        //                 type:'line',
        //                 stack: '总量',
        //                 data:data.count
        //             },
        //         ]
        //     };
        //     if (option && typeof option === "object") {
        //         myChart.setOption(option, true);
        //     }
        // }
        function cvs(data) {
            var dom = document.getElementById("container");
            var myChart = echarts.init(dom);
            var app = {};
            option = null;
            option = {
                title: {
                    text: ''
                },
                legend: {
                    data: ['日订单数量','日订单金额'],
                    align: 'left'
                },
                toolbox: {
                    // y: 'bottom',
                    feature: {
                        saveAsImage: {
                            pixelRatio: 2
                        }
                    }
                },
                tooltip: {},
                xAxis: {
                    data: data.day,
                    silent: false,
                    splitLine: {
                        show: false
                    }
                },
                yAxis: {},
                series: [{
                    name: '日订单数量',
                    type: 'bar',
                    data: data.count
                },{
                    name: '日订单金额',
                    type: 'bar',
                    data: data.money
                }],
                animationEasing: 'elasticOut',
                animationDelayUpdate: function(idx) {
                    return idx * 5;
                }
            };;
            if (option && typeof option === "object") {
                myChart.setOption(option, true);
            }
        }

        GetCountOrder()

        $('.js-button').on('click', function() {
            $('.js-button').removeClass('active')
            $(this).addClass('active');
            GetCountOrder($(this).attr('data-day'))
        })

        $('.getorder').click(function() {
            var beg = $('#bg_time2').val();
            var end = $('#ed_time2').val();
            if (beg == '') {
                layer.msg('请选择开始时间')
            }
            if (end == '') {
                layer.msg('请选择结束时间')
            }
            GetCountOrder('', beg, end)
        })

    });
}